<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>登录</title>
    <meta name="description" content="虚拟仿真管理框架">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>
    <link href="../static/css/login.css" th:href="@{/css/login.css}" rel="stylesheet"/>
    <link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.0.0}" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link rel="shortcut icon" href="../static/logo-img.png" th:href="@{logo-img.png}"/>
    <style type="text/css">label.error {
        position: inherit;
    }</style>
    <script>
        if (window.top !== window.self) {
            window.top.location = window.location
        }
        ;
    </script>
    <style>
        .pass-username{
            position: relative;
            top: -30px;
            left: 320px;
            color: red;
            display: none;
        }
        .pass-password{
            position: relative;
            top: -30px;
            left: 320px;
            color: red;
            display: none;
        }
        .show-text{
            display: block;
        }
        .text-btn{
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            margin-top: 30px;
            outline: medium;
            background-color: #24c624;
            border-radius: 50px;
            color: #FFFFFF;
        }
    </style>
</head>

<body class="signin">
<div class="signinpanel">
    <div class="row">
        <div class="logopanel m-b" style="text-align: center;height: 180px">
            <h1 style="font-size: 50px">上海大学力学与工程科学学院</h1>
            <h3 style="font-size: 40px;padding-top: 30px;font-family: STKaiti">光弹性应力分析虚拟实验</h3>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-3">
            <div class="signin-info">

                <div class="m-b">

                </div>

            </div>
        </div>
        <div class="col-sm-6">
            <form id="signupForm">
                <input type="text" name="username" class="form-control uname" placeholder="用户名" autocomplete="off" />
                <span class="pass-username">评审账户为：评审账户</span>
                <input type="password" name="password" class="form-control pword" placeholder="密码" minlength="8" autocomplete="new-password" />
                <span class="pass-password">评审密码为：Ps*154412021</span>
                <input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5">
                <div class="col-xs-6">
                    <a href="javascript:void(0);" title="点击更换验证码">
                        <img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
                    </a>
                </div>
                <button class="btn btn-success btn-rounded btn-block"
                        style="margin-top: 30px;outline: medium;background-color: #1c84c6" id="btnSubmit"
                        onclick="PsRole1('2');"
                        data-loading="正在验证登录，请稍后...">登录
                </button>
                <div class="text-btn"onclick="showAccount();">资源公开/评审通道
                </div>
            </form>
        </div>
    </div>
    <div class="signup-footer">
        <div class="pull-left" style="text-indent: 105px;">
            CopyRight&nbsp;&nbsp; &copy;2020&nbsp;&nbsp;虚拟仿真实验平台&nbsp;&nbsp;All rihghts reserved&nbsp;&nbsp;技术支持:上海形拓科技有限公司
            <br>
        </div>
    </div>
</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script src="../static/ajax/libs/validate/jquery.validate.min.js"
        th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/validate/messages_zh.min.js"
        th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.0.0}"></script>
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
</body>
</html>
